<template>
  <div id="app">
    <!-- 头部组件 -->
    <Header />

    <!-- 一级路由出口，就是展示路由对应组件的地方 -->
    <router-view />

    <!-- 底部组件 -->
    <Footer />
  </div>
</template>

<script>
import Header from '@/components/Header'
import Footer from '@/components/Footer'

export default {
  name: 'App',
  components: {
    Header,
    Footer
  }
}
</script>

<style lang="less"></style>
